<header
  class="sl-r-banner sl-r-banner--playground"
  itemtype="https://schema.org/WPHeader"
  itemscope="itemscope"
  role="banner">

  <div class="sl-c-pop-stripe"></div>
  <div class="sl-r-banner--playground-grid">
    <p class="sl-r-banner--playground__brand sl-r-banner__brand">
      <a href="/"><img
          height="24"
          alt="Sass"
          src="/assets/img/logos/logo.svg"></a>
    </p>
    <h1 class="sl-r-banner__playground-title">{{ title }}</h1>
    <div class="sl-r-banner__playground-actions">
      <div class="sl-r-banner__playground-button">
        <button
          type="button"
          id="playground-copy-url"
          class="sl-c-button">Copy URL</button>
      </div>
      <div class="sl-c-alert sl-r-banner__playground-alert" id="playground-copied-alert">
        Copied to clipboard
      </div>
    </div>
  </div>
</header>
